
/* ----------------------------------------------------------------------------------
	nav (with the options list) 
   ----------------------------------------------------------------------------------
*/

.admin ul {
	padding-right: 15px;
	border-right: 4px solid #56b2f0;
}

.admin li {
	display: block;
	margin-bottom: 10px;
	max-width: 60px;
	position: relative;
	cursor: pointer;
	
	text-align: center;
	color: #69848f;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 13px;
}

.admin li.active {	
	color: #36adde;
}

.admin li:before {
	content: '';
	display: block;
	position: relative;
	margin-bottom: 5px;
}

/*icons */
.admin li.users:before {
	background: url(../images/admin/user2.png) center top no-repeat;
	padding-left: 39px;
	padding-top: 48px;
}

.admin li.active.users:before {
	background: url(../images/admin/user.png) center top no-repeat;
	padding-left: 39px;
	padding-top: 48px;
}

/* circles on the right */
.admin li:after {	
	content:'';
	position: absolute;
	width: 11px;
	height: 11px;
	border-radius: 10px;
	background: white;
	border: 4px solid #69848f;
	box-shadow: 0px 0px 0px 3px #eaeaea;
	right: -26.5px;
	top: 30px; 
}

.admin li.active:after {	
	content:'';
	border: 4px solid #56b2f0;
}


/* ----------------------------------------------------------------------------------
	article
   ----------------------------------------------------------------------------------
*/

.admin article {
	width: 880px !important;
	margin-right: 0px !important;
	margin-left: 30px !important;
	
	color: #6c6c6c;
	font-size: 14px;
}

.admin article > h3 {
	color: #36adde;
	text-shadow: 0px 1px 0px white;
	letter-spacing: -0.6px;
	font-size: 20px;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 30px;
}

.admin article > h3:after {	
	content: '';
	width: 100%;
	padding-top: 1px;
	background: #dedada;
	box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
	position: relative;
	bottom: -1px;
	left: -10px;	
	display: block;
}

.admin article > p {
	
}